body {
	padding:50px 80px;
	font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* position and dimensions of the navigator */
#myNavi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
#myNavi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
#myNavi a:hover {
	background-position:0 -8px;
}

/* active state (current page state) */
#myNavi a.active {
	background-position:0 -16px;
}

